<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="${ctx}/static/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
		<script src="${ctx}/static/jquery/jquery-migrate-1.1.1.min.js" type="text/javascript"></script>

		<link href="${ctx}/static/bootstrap/3.3.4/css_default/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<script src="${ctx}/static/bootstrap/3.3.4/js/bootstrap.min.js"  type="text/javascript"></script>
		<link href="${ctx}/static/awesome/4.4/css/font-awesome.min.css" rel="stylesheet" />
		
		<!--datatable-->
		<link rel="stylesheet" href="${ctx}/static/dataTables/css/jquery.dataTables.min.css" />
		<script type="text/javascript" src="${ctx}/static/dataTables/jquery.dataTables.js"></script>
		
		<!--datePicker.js-->
		<script type="text/javascript" src="${ctx}/static/My97DatePicker/WdatePicker.js"></script>
		
		<!-- sweet-alert -->
		<link rel='stylesheet' href="${ctx}/static/sweetalert/sweet-alert.min.css"/>
		<script src="${ctx}/static/sweetalert/sweet-alert.min.js"></script>
		
		<!--juicer-->
		<script type="text/javascript" src="${ctx}/static/juicer/juicer-min.js"></script>
		
		<!-- bootstrapvalidator -->
		<link href="${ctx}/static/dist/css/bootstrapValidator.min.css" rel="stylesheet" />
		<script type="text/javascript" src="${ctx}/static/dist/js/bootstrapValidator.min.js"></script>
		
		<script type="text/javascript" src="driveradd.js"></script>
		
		
		<link rel="stylesheet" href="${ctx}/common/css/style.css" />

	</head>
	<body class='driveraddBody'>
		<div class="container-fluid">
			
			<!-- <div class="row">
				<div class='col-md-3'>
					<h4 style='color:#ff4b4c;font-weight:bold;display:inline-block;'>添加司机页面</h4>
					<button onclick="window.location.reload()" class='btn' style="padding:0 10px;background-color: #ff4b4c;color:#fff;"><i class='glyphicon glyphicon-repeat'></i>刷新</button>
				</div>
			</div> -->
			<i onclick="window.location.reload()" class='glyphicon glyphicon-repeat' style='position:fixed;right:15px;top:10px;color:#333744;font-size:20px;cursor:pointer;z-index:100;'></i>
			<form id="adddriverform" class="form-horizontal">
			<div class="row">
				<div class='col-md-12'>
					<h4 style='color:#333744;border-bottom:1px solid #333744;margin-top:20px;'>司机基本信息</h3>
				</div>
				<div class='col-md-12'>
				<table class="table table-bordered">
					<tr>
						<th>车辆类型</th>
	      				<th>姓名</th>
	      				<th>性别</th>
	      				<th>手机号码</th>
	      				<th>身份证号码</th>
	      				<th>初领驾驶证日期</th>
	      				<th>驾驶证截止日期</th>
	      				<th>准驾车型</th>
	      				<th>驾驶证档案编号</th>
	      			</tr>
	      			<tr>
	      				<td>
	      					<div class="authType">
							  <input type="radio" name="authType" id="inlineRadio1" value="3" checked> 出租车
							  <input type="radio" name="authType" id="inlineRadio2" value="2"> 专车
							</div>
	      				</td>
	      				<td>
	      					<div class='form-group' style='margin:0px;'>
	      					<input type="text" class="form-control driverName" id="driverName" maxlength='12' placeholder="请输入姓名" name="driverName">
	      					</div>
	      				</td>
	      				<td>
	      					<div class="driverSex">
							  <input type="radio" name="sex" id="inlineRadio1" value="1" checked> 男
							  <input type="radio" name="sex" id="inlineRadio2" value="2"> 女
							</div>
	      				</td>
	      				<td>
	      					<div class='form-group' style='margin:0px;'>
	      					<input type="text" class="form-control driverTel" id="driverTel" maxlength='11' placeholder="请输入手机号码" name="driverTel">
	      					</div>
	      				</td>
	      				<td>
	      					<div class='form-group' style='margin:0px;'>
	      					<input type="text" class="form-control driverIdCard" id="driverIdCard" maxlength='18' placeholder="请输入身份证号码" name="driverIdCard">
	      					</div>
	      				</td>
	      				<td>
	      					<input id="driverFirstDate" type="text" placeholder="请按驾照填写" onfocus="WdatePicker({})" class="form-control driverFirstDate">
	      				</td>
	      				<td>
	      					<input id="driverEndDate" type="text" placeholder="请按驾照填写" onfocus="WdatePicker({})" class="form-control driverEndDate">
	      				</td>
	      				<td>
	      					<label id='lblSelect1'>
	      					<select id="selectPointOfInterest1" class="form-control licStyleSelect" style='width:100px;height:32px;'>
						 		<option>A1</option>
								<option>A2</option>
								<option>A3</option>
								<option>B1</option>
								<option>B2</option>
								<option>C1</option>
								<option>C2</option>
							</select>
							</label>
	      				</td>
	      				<td>
	      					<div class='form-group' style='margin:0px;'>
	      					<input type="text" class="form-control driverLicNo" id="driverLicNo" maxlength='12' placeholder="请按驾照填写" name="driverLicNo">
	      					</div>
	      				</td>
	      			</tr>
	      			<tr>
						<th>车牌号</th>
	      				<th>车辆品牌</th>
	      				<th>车辆颜色</th>
	      				<th>车架号</th>
	      				<th>车辆注册日期</th>
	      				<th>车辆所有人</th>
	      				<th class='workLicenseNumberTh'>从业资格证号</th>
	      			</tr>
	      			<tr>
	      				<td class='carNoDiv'>
	      					<div class='form-group' style='margin:0px;'>
							<input class='form-control driverCarNo' type="text" placeholder="请输入车牌号" maxlength='7' style='width:100%;display:inline;' name="driverCarNo">
							</div>
	      				</td>
	      				<td>
	      					<div style='position:relative'>
							<input style='width:100%' class='form-control keydowninput' type='text' placeholder='请输入首字母' data-value='' />
							<ul class='ulBrand' style='position:absolute;left:0;top:20'>
							</ul>
							<script type="text/template" id="liBrandTpl">
							  	-~each list as item+
							  		<li data-value="#-item.id+">#-item.name+</li>
							  	-~/each+
						  	</script>
							<label id='lblSelect1' style='display:inline-block;width:100%;margin-top:5px;'>
				        	<select id="selectPointOfInterest1" class='carModelSelect form-control' style='width:100%;height:33px;'>
				        		<option value=''>请选择车辆品牌</option>
				        	</select>
				        	</label>
				        	<script type="text/template" id="carModelSelectTpl">
							  	-~each list as item+
							  		<option value="#-item.id+">#-item.name+</option>
							  	-~/each+
						  	</script>
							</div>
	      				</td>
	      				<td>
	      					<label id='lblSelect1'>
	      					<select id="selectPointOfInterest1" class="form-control vehicleColor" style='width:100px;height:33px;'>
								<option>白色</option>
								<option>棕色</option>
								<option>红色</option>
								<option>黑色</option>
								<option>银色</option>
								<option>蓝色</option>
								<option>绿色</option>
								<option>黄色</option>
								<option>金色</option>
								<option>紫色</option>
								<option>其它</option>
							</select>
							</label>
	      				</td>
	      				<td>
	      					<div class='form-group' style='margin:0px;'>
	      					<input type="text" class="form-control vehicleNo" id="vehicleNo" maxlength='17' placeholder="请输入车架号" name="vehicleNo">
	      					</div>
	      				</td>
	      				<td>
	      					<div class='form-group' style='margin:0px;'>
	      					<input id="registerDate" type="text" placeholder="请按驾照填写" onfocus="WdatePicker({})" name="registerDate" class="form-control registerDate" style="">
	      					</div>
	      				</td>
	      				<td>
	      					<label id='lblSelect1'>
	      					<select id="selectPointOfInterest1" class="form-control carOwnNameSelect" style='width:160px;height:33px;'>
						 		<option>个人</option>
								<option>出租车公司</option>
								<option>租赁公司</option>
							</select>
							</label>
	      					<!-- <input type="text" class="form-control carOwnName" id="carOwnName" placeholder="请输入车辆所有人"> -->
	      				</td>
	      				<td class='workLicenseNumberTd'>
	      					<div class='form-group' style='margin:0px;'>
	      					<input type="text" class="form-control workLicenseNumber" maxlength='19' placeholder="请输入从业资格证号" name="workLicenseNumber">
	      					</div>
	      				</td>
	      			</tr>
				</table>
				</div>
			</div>
			
			<div class='row'>
				<div class='col-md-12'>
					<h4 style='color:#333744;border-bottom:1px solid #333744'>司机照片信息</h3>
				</div>
			</div>
				
			<div class="row">
	      		<div class="col-md-3">
	      			<h4>身份证正面</h4>
	      			<div class="imgBox1" data-value='' style='position:relative;width:100%;text-align:center'>
				        <img class="idCardPositiveImage img-responsive" id="blah1" src="" style="width:100%;height:25rem;overflow:hidden;"/>
				        <a href="javascript:;" class="lk">
		                 <span class="iconadd jiaNo1">+</span></br>
		                 <span class="txt textNo1">上传身份证正面照片</span>
		                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp1" id="imgInp" data-value='1' />
			            </a>
				    </div>  
				    <!-- <button data-name='' data-value='1' class='upload-btn upbtn1'>上传</button> -->
				    <div class="progress">
                        <div class="progress-bar1 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        </div>
                    </div>
	      		</div>
	      		<div class="col-md-3">
	      			<h4>身份证反面</h4>
	      			<div class="imgBox2" data-value='' style='position:relative;width:100%;text-align:center'>
				        <img class="idCardOppositeImage img-responsive" id="blah2" src="" style="width:100%;height:25rem;overflow:hidden;"/>
				        <a href="javascript:;" class="lk">
		                 <span class="iconadd jiaNo1">+</span></br>
		                 <span class="txt textNo1">上传身份证反面照片</span>
		                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp2" id="imgInp" data-value='2' />
		                </a>
				    </div>  
				    <!-- <button data-name='' data-value='2' class='upload-btn upbtn2'>上传</button> -->
				    <div class="progress">
                        <div class="progress-bar2 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        </div>
                    </div>
	      		</div>
	      		<div class="col-md-3">
	      			<h4>人车合影</h4>
	      			<div class="imgBox3" data-value='' style='position:relative;width:100%;text-align:center'>
				        <img class="vehicleImage img-responsive" id="blah3" src="" style="width:100%;height:25rem;overflow:hidden;"/>
				        <a href="javascript:;" class="lk">
		                 <span class="iconadd jiaNo1">+</span></br>
		                 <span class="txt textNo1">上传人车合影照片</span>
		                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp3" id="imgInp" data-value='3' />
		                </a>
				    </div>  
				    <!-- <button data-name='' data-value='3' class='upload-btn upbtn3'>上传</button> -->
				    <div class="progress">
                        <div class="progress-bar3 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        </div>
                    </div>
	      		</div>
	      		<div class="col-md-3">
	      			<h4>驾驶证正本</h4>
	      			<div class="imgBox4" data-value='' style='position:relative;width:100%;text-align:center'>
				        <img class="jszImage img-responsive" id="blah4" src="" style="width:100%;height:25rem;overflow:hidden;"/>
				        <a href="javascript:;" class="lk">
		                 <span class="iconadd jiaNo1">+</span></br>
		                 <span class="txt textNo1">上传驾驶证正本照片</span>
		                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp4" id="imgInp" data-value='4' />
		                </a>
				    </div>  
				    <!-- <button data-name='' data-value='4' class='upload-btn upbtn4'>上传</button> -->
				    <div class="progress">
                        <div class="progress-bar4 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        </div>
                    </div>
	      		</div>
	      	</div>
	      	<div class="row">
	      		<div class="col-md-3">
	      			<h4>驾驶证副本</h4>
	      			<div class="imgBox5" data-value='' style='position:relative;width:100%;text-align:center'>
				        <img class="jszCopyImage img-responsive" id="blah5" src="" style="width:100%;height:25rem;overflow:hidden;"/>
				    	<a href="javascript:;" class="lk">
		                 <span class="iconadd jiaNo1">+</span></br>
		                 <span class="txt textNo1">上传驾驶证副本照片</span>
		                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp5" id="imgInp" data-value='5' />
		                </a>
				    </div>  
				    <!-- <button data-name='' data-value='5' class='upload-btn upbtn5'>上传</button> -->
				    <div class="progress">
                        <div class="progress-bar5 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        </div>
                    </div>
	      		</div>
	      		<div class="col-md-3">
	      			<h4>行车本正本</h4>
	      			<div class="imgBox6" data-value='' style='position:relative;width:100%;text-align:center'>
				        <img class="xszImage img-responsive" id="blah6" src="" style="width:100%;height:25rem;overflow:hidden;"/>
				        <a href="javascript:;" class="lk">
		                 <span class="iconadd jiaNo1">+</span></br>
		                 <span class="txt textNo1">上传行车本正本照片</span>
		                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp6" id="imgInp" data-value='6' />
		                </a>
				    </div>  
				    <!-- <button data-name='' data-value='6' class='upload-btn upbtn6'>上传</button> -->
				    <div class="progress">
                        <div class="progress-bar6 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        </div>
                    </div>
	      		</div>
	      		<div class="col-md-3">
	      			<h4>行车本副本</h4>
	      			<div class="imgBox7" data-value='' style='position:relative;width:100%;text-align:center'>
				        <img class="xszCopyImage img-responsive" id="blah7" src="" style="width:100%;height:25rem;overflow:hidden;"/>
				    	<a href="javascript:;" class="lk">
		                 <span class="iconadd jiaNo1">+</span></br>
		                 <span class="txt textNo1">上传行车本副本照片</span>
		                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp7" id="imgInp" data-value='7' />
		                </a>
				    </div>  
				    <!-- <button data-name='' data-value='7' class='upload-btn upbtn7'>上传</button> -->
				    <div class="progress">
                        <div class="progress-bar7 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        </div>
                    </div>
	      		</div>
	      		<div class="col-md-3 workLicenseImageWrapdiv">
	      			<h4>从业资格证</h4>
	      			<div class="imgBox8" data-value='' style='position:relative;width:100%;text-align:center'>
				        <img class="workLicenseImage img-responsive" id="blah8" src="" style="width:100%;height:25rem;overflow:hidden;"/>
				    	<a href="javascript:;" class="lk">
		                 <span class="iconadd jiaNo1">+</span></br>
		                 <span class="txt textNo1">上传从业资格证照片</span>
		                 <input style='position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; opacity: 0;' type='file' class="imgInp imgInp8" id="imgInp" data-value='8' />
		                </a>
				    </div>  
				    <!-- <button data-name='' data-value='8' class='upload-btn upbtn8'>上传</button> -->
				    <div class="progress">
                        <div class="progress-bar8 progress-bar progress-bar-info progress-bar-striped active" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        </div>
                    </div>
	      		</div>
	      	</div>
	      	<div class='row'>
	      		
	      	</div>
			
			
			
			<div class="row" style='margin:40px 0;'>
				<div class="col-md-12" style='text-align:center'>
				<button style='background-color:#333744;color:#fff;padding:10px 20px;' class="btn driver-add">确认添加</button>
				</div>
			</div>
			
			</form>
			
		</div>
	</body>
</html>
<script>
	
	
	
</script>